<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	layout:decorate="content">
<head>
<style>
ul.ztree {
	margin-top: 10px;
	/*border: 1px solid #617775;*/
	/*background: #f0f6e4;*/
	width: 220px;
	height: auto;
	/*overflow-y: scroll;
        overflow-x: auto;*/
}

a {
	color: black;
}

.icon_remove2 {
	background-image: url(../../assets/img/zk.png);
	background-repeat: no-repeat;
	background-position: 0 40%;
	padding: 0 5px 0 18px;
	display: inline-block;
}

.icon_add2 {
	background-image: url(../../assets/img/ss.png);
	background-repeat: no-repeat;
	background-position: 0 40%;
	padding: 0 5px 0 18px;
	display: inline-block;
}

.icon_refresh {
	background-image: url(../../assets/img/refresh.gif);
	background-repeat: no-repeat;
	background-position: 0 40%;
	padding: 0 5px 0 18px;
	display: inline-block;
	word-break: keep-all;
	word-wrap: normal;
}

.icon_save {
	background-image: url(../../assets/img/save.png);
	background-repeat: no-repeat;
	background-position: 0 40%;
	padding: 0 5px 0 18px;
	display: inline-block;
	word-break: keep-all;
	word-wrap: normal;
}
</style>
<meta charset="utf-8">
<title>OMS进口管理系统—角色权限管理</title>
</head>
<body>
	<div layout:fragment="content">
		<div class="listCot Organization">
			<div class="list_page">
				<div
					style="width: 25%; min-height: 750px; float: left; border: 1px double rgb(105, 175, 252); border-top: none;">
					<p class="top_bg clearfix">
						<i class="icon popAdd"></i>角色列表
					</p>
					<div style="width: 100%;">
						<a href="#" style="margin-left: 5%;" data-bind="click:$root.l_zk">
							<span class="">全部展开</span>
						</a>&nbsp;&nbsp; <a href="#" data-bind="click:$root.l_ss"> <span
							class="">全部收缩</span>
						</a>&nbsp;&nbsp; <a href="#" data-bind="click:$root.l_sx"> <span
							class="">刷新</span>
						</a>
					</div>
					<div
						style="width: 95%; border: 1px double rgb(105, 175, 252); height: 680px; margin-left: 2.5%; margin-top: 1%;">
						<ul id="treeDemo" class="ztree"
							style="margin-top: 2%; margin-left: 2%; width: 160px;"></ul>
					</div>

				</div>
				<div style="width: 1%; min-height: 750px; float: left;"></div>
				<div
					style="width: 74%; float: left; min-height: 750px; border: 1px double rgb(105, 175, 252)">
					<h4>为角色分配权限</h4>
					<div style="width: 100%;">
						<a href="#" style="margin-left: 5%;" data-bind="click:$root.r_zk">
							<span class="">全部展开</span>
						</a>&nbsp;&nbsp; <a href="#" data-bind="click:$root.r_ss"> <span
							class="">全部收缩</span></a>&nbsp;&nbsp;<a href="#" data-bind="click:save"> <span
							class="" style="cursor: default;">保存</span>
						</a>
					</div>
					<div
						style="width: 95%; border: 1px double rgb(105, 175, 252); height: 680px; margin-left: 2.5%; margin-top: 0.4%;">
						<span class="icon_back">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;请在左边选择一个岗位。</span>
						<ul id="ptreeDemo" class="ztree"
							style="margin-top: 0.5%; margin-left: 0.8%; width: 160px;"></ul>
					</div>

				</div>
			</div>
		</div>
	</div>
</body>
</html>
